﻿{% extends "base.html" %}
{% block title %}My Favorite Music{% endblock %}

{% block head %}
<script type="text/javascript" src="/media/player/swfobject.js"></script>
{% endblock %}

{% block main %}

<div class="g960">
<div style="float:left;">
<div id="flashPlayer" style="display:inline;width:300px;"></div>
<script type="text/javascript">
   var so = new SWFObject("/media/player/playerMultipleList.swf", "mymovie", "300", "300", "7", "#FFFFFF");  
   so.addVariable("autoPlay","yes")
   so.addVariable("playlistPath","/songtaste/playlist/")
   so.write("flashPlayer");
</script>

<div style="display:inline;width:300px;">
    <embed allowScriptAccess="never" 
        src="/media/player/flash-mp3-player.swf" 
        menu="true" 
        quality="high" 
        width="300" 
        height="300" 
        name="index" 
        type="application/x-shockwave-flash" 
        pluginspage="http://www.macromedia.com/go/getflashplayer" 
        flashvars="playList=/songtaste/playlist/?player=1&ShowPlaylist=1&ShowEQ=1&firstTrack=0&initVol=100" wmode="transparent" />
    </embed>
</div>
<div style="display:inline;width:300px;">
<embed src="/media/player/xspf_player.swf?playlist_url=/songtaste/playlist/?player=2" 
    quality="high" 
    bgcolor="#e6e6e6" 
    width="300" 
    height="300" 
    name="xspf_player" 
    align="top" 
    allowScriptAccess="sameDomain" 
    type="application/x-shockwave-flash" 
    pluginspage="http://www.macromedia.com/go/getflashplayer" />
</div>

</div>

<div>
<div class="g960" style="height:100px;vertical-align:middle;">


<table>
{% for song in songs %}
    <tr>
        <td>{{ forloop.counter }}</td>
        <td style="width:40px;"><a href="{{songtaste_url_prefix}}{{song.songtaste_id}}" target="_blank">{{ song.songtaste_id }}</a></td>
        <td>{{ song.artist }}</td>
        <td><a href="{{song.url}}" target="_blank">{{ song.title }}</a></td>
    </tr>
{% endfor %}
<table>
</div>

{% endblock %}
</body>
</html>